<template>
	<view :style="{'padding-top':statusBarHeight+ 47 + 'px'}">
		<view class="content" >
			<image class="imgs" src="../../static/zf.png" mode=""></image>
			<view class="ts1">支付成功</view>
			<view class="ts2">完成支付，感谢您的支持！</view>
			<view class="btn">
				查看订单
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				statusBarHeight: uni.getStorageSync('heights'),
			};
		},
		methods:{
			gos(){
				uni.redirectTo({
					url:'/pages/my/orderList'
				})
			}
		}
	}
</script>

<style lang="less">
	.content{
		margin: 200rpx auto;
		text-align: center;
		.ts1{
			font-weight: bold;
			font-size: 40rpx;
			color: #1B1B1B;
			line-height: 80rpx;
		}
		.ts2{
			font-weight: 400;
			font-size: 28rpx;
			color: #A3A3A3;
		}
		.btn{
			width: 204rpx;
			height: 80rpx;
			background: linear-gradient(#5070E9 0%, #598DFD 100%);
			color: #fff;
			font-size: 30rpx;
			border-radius: 40rpx;
			line-height: 80rpx;
			margin: 200rpx auto;
		}
	}
	.imgs{
		width: 101rpx;
		height: 101rpx;
	}

</style>
